﻿/**************第二版共通样式  开始 ************/
body {
    font-family:'微软雅黑','Microsoft YaHei'
}

.fnt_color_b1 {
    color: #e1e1e1;
}

.fnt_color_b2 {
    color: #5a5a5a;
}

.fnt_color_b3 {
    color: #999999;
}

.fnt_color_b4 {
    color: #dcdcdc;
}

.fnt_color_b5 {
    color: #eeeeee;
}

.fnt_color_b6 {
    color: #fafafa;
}
.bg_color_b2 {
    background-color: #5a5a5a;
}
.bg_color_b3 {
    background-color: #999999;
}

.bg_color_b4 {
    background-color: #dcdcdc;
}

.bg_color_b5 {
    background-color: #eeeeee;
}

/*标题式样*/
.title-margin {
    margin-bottom: 7%;
    margin-top: 8%;
    padding-top:1%;
    padding-bottom:1%;
    padding-left:1%;
}
/*底部描述式样*/
.footer-description-padding {
    padding-top: 3%;
    padding-bottom: 4%;
}

/*六边形*/
.sexangle .top {
    width: 0;
    border-bottom: 30px solid #6C6;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}

.sexangle .mid {
    width: 104px;
    height: 60px;
    background-color: #6C6;
    text-align:center;
}

.sexangle .bottom {
    width: 0;
    border-top: 30px solid #6C6;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}

.btn-inmodel:focus{
    background-color: #337ab7;
    color: #fff;
}
.btn-inmodel:active{
    background-color: #337ab7;
    color: #fff;
}

.hr-dash-line {
    border-top:2px dashed #dcdcdc;
    margin:20px;
}

.flex-center {
    display: flex;
    align-content: center;
    justify-content: center;
}

.fnt-weight {
    font-weight:bold;
}
.modal-content {
    border:1px solid #bce8f1;
}
.modal-header {
    color: #31708f;
    background-color: #d9edf7;
    border-radius:6px;
    border-bottom: 1px solid #bce8f1;
}

.modal-body {
    position: relative;
    padding: 15px;
    border-color: #bce8f1;
}
.theme_tbl thead tr {
            text-align:center;
        }

 .glyphicon-menu-up {
            transition: all 0.4s ease;
        }

        .collapsed .glyphicon-menu-up {
            transform: rotate(-180deg);
        }
  .panel-set > .panel-heading {
            background-color:#eee;
            border-color:#dcdcdc;
        }
        .panel-set > .panel-heading + .panel-collapse > .panel-body {
            border:1px solid #dcdcdc;
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
        }
        .panel-heading.collapsed {
            border-bottom-left-radius:3px;
            border-bottom-right-radius:3px;
        }

@media screen and (max-width:768px) {
    .fnt_xxlg {
        font-size: 40px;
    }

    .fnt_xlg {
        font-size: 24px;
    }

    .fnt_lg {
        font-size: 19px;
    }

    .fnt_md {
        font-size: 14px;
    }

    .fnt_sm {
        font-size: 11px;
    }

    .fnt_xs {
        font-size: 10px;
    }

    .btn-inmodel {
        width:100%;
    }

    .theme_tbl thead tr {
            background: #999999;
            height: 28px;
        }

            .theme_tbl thead tr th {
                color: #fff;
                text-align: center;
                font-size: 11px;
            }

        .theme_tbl tbody tr {
        }

        .theme_tbl tbody td {
            color: #999999;
            text-align: center;
            font-size: 11px;
        }
    .helloInfo {
        float: left;
        width: 23%;
        min-width: 57px;
        max-width: 70px;
    } 
    .clientName {
        float: left;
        width: 77%;
    }
}
@media screen and (max-width:320px) {
    .fnt_xxlg {
        font-size: 30px;
    }

    .fnt_xlg {
        font-size: 18px;
    }

    .fnt_lg {
        font-size: 16px;
    }

    .fnt_md {
        font-size: 12px;
    }

    .fnt_sm {
        font-size: 10px;
    }

    .fnt_xs {
        font-size: 9px;
    }

    .btn-inmodel {
        width:100%;
    }

    .theme_tbl thead tr {
            background: #999999;
            height: 28px;
        }

    .theme_tbl thead tr th {
        color: #fff;
        text-align: center;
        font-size: 11px;
    }

    .theme_tbl tbody tr {
    }

    .theme_tbl tbody td {
        color: #999999;
        text-align: center;
        font-size: 11px;
    }
    .helloInfo {
        float: left;
        width: 23%;
        min-width: 57px;
        max-width: 70px;
    } 
    .clientName {
        float: left;
        width: 77%;
    }
}
@media screen and (min-width:768px) {
    .fnt_xxlg {
        font-size: 50px;
    }

    .fnt_xlg {
        font-size: 30px;
    }

    .fnt_lg {
        font-size: 24px;
    }

    .fnt_md {
        font-size: 18px;
    }

    .fnt_sm {
        font-size: 14px;
    }

    .fnt_xs {
        font-size: 12px;
    }
    .theme_tbl {
    }

        .theme_tbl thead tr {
            background: #999999;
            height: 28px;
        }

            .theme_tbl thead tr th {
                color: #fff;
                text-align: center;
                font-size: 14px;
            }

        .theme_tbl tbody tr {
        }

        .theme_tbl tbody td {
            color: #999999;
            text-align: center;
            font-size: 14px;
        }
    
    .helloInfo {
        float: left;
        width: 11%;
        min-width: 72px;
        max-width: 80px;
    } 
    .clientName {
        float: left;
        width: 89%;
    }
}

@media screen and (min-width:992px) {

    .fnt_xxlg {
        font-size: 53px;
    }

    .fnt_xlg {
        font-size: 32px;
    }

    .fnt_lg {
        font-size: 25px;
    }

    .fnt_md {
        font-size: 19px;
    }

    .fnt_sm {
        font-size: 15px;
    }

    .fnt_xs {
        font-size: 13px;
    }

    .theme_tbl {
    }

        .theme_tbl thead tr {
            background: #999999;
            height: 28px;
        }

            .theme_tbl thead tr th {
                color: #fff;
                text-align: center;
                font-size: 15px;
            }

        .theme_tbl tbody tr {
        }

        .theme_tbl tbody td {
            color: #999999;
            text-align: center;
            font-size: 15px;
        }
    .helloInfo {
        float: left;
        width: 11%;
        min-width: 72px;
        max-width: 80px;
    } 
    .clientName {
        float: left;
        width: 91%;
    }
}

/**************第二版共通样式  结束 ************/

/********第二版封面样式 开始********/
.juchiborder {
    background-repeat: repeat-x;
    background-image: url();
    background-color: #fff;
}
.viewer1 {
    padding-right: 30px;
    margin-bottom: 10%;
}
.viewerTitle {
    padding-left:20px;
}
.border-bottom{
	border-bottom: 1px solid #1e1e1e;
}
.border-bottom-red{
    margin-top: 30px;
    height: 30px;
    background: #fafafa;
}
.subTitle{
	margin-top: 20%;
    margin-bottom: 10px;
	color: #999;
}
.planTitle{
	font-family: '黑体';
	font-weight: bold;
    margin-bottom: 20px;
}
.titleTip{
    margin-bottom: 20px;
}
.titleDetail{
    margin-bottom: 20px;
}
.agentCard{
	position: relative;
	margin-top: 40%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.agentCard::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	height: 100%;
	width: 1px;
	background: #999;
}	
.agentRow{
	position: relative;
	top: 5px;
}
.agentRow:after {
	content: "";
	display: table;
	clear: both;
}
.agentContent{
	
	background: #fafafa;
	margin: 10px;
}
.agentName{
	float:left;
	width: 95%;
	padding: 0px 0 10px 30px;
    word-break: break-all;
}
.line-img{
	position: absolute;
	height: 30px;
	left: -27px;
}

.selected_mobile:before {
      content: "\2714";
      display: block;
      position: absolute;
      margin: auto;
      bottom: 20%; 
      left: 70%;
      width: 30px;
      height: 30px;
      line-height: 32px;
      background:  #1bbf9c;
      border-radius: 50px;
      color: white;
      text-align: center;
      font-size: 14px;
      z-index: 10;
      opacity: 0;
      transition:         0.3s linear;
      -o-transition:      0.3s linear;
      -ms-transition:     0.3s linear;
      -moz-transition:    0.3s linear;
      -webkit-transition: 0.3s linear;
      -o-user-select:      none;
      -moz-user-select:    none;
      -webkit-user-select: none;
      cursor: pointer;
    }

.selected:before {
  content: "\2714";
  display: block;
  position: absolute;
  margin: auto;
  bottom: 15%; 
  left: 70%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background:  #6766CC;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  z-index: 10;
  opacity: 0;
  transition:         0.3s linear;
  -o-transition:      0.3s linear;
  -ms-transition:     0.3s linear;
  -moz-transition:    0.3s linear;
  -webkit-transition: 0.3s linear;
  -o-user-select:      none;
  -moz-user-select:    none;
  -webkit-user-select: none;
  cursor: pointer;
}
.thumbnail.selected_mobile:before {
  opacity: 1;
}
.thumbnail.selected:before {
  opacity: 1;
}
.thumbnail {
    margin-bottom: 10px;
}

.selected-lg-mobile:before {
  content: "\2714";
  display: block;
  position: absolute;
  margin: auto;
  top: 55px; 
  left: 76%;
  width: 30px;
  height: 30px;
  line-height: 32px;
  background:  #1bbf9c;
  border-radius: 50px;
  color: white;
  text-align: center;
  font-size: 16px;
  z-index: 10;
  opacity: 0;
  transition:         0.3s linear;
  -o-transition:      0.3s linear;
  -ms-transition:     0.3s linear;
  -moz-transition:    0.3s linear;
  -webkit-transition: 0.3s linear;
  -o-user-select:      none;
  -moz-user-select:    none;
  -webkit-user-select: none;
  cursor: pointer;
}
.selected-lg:before {
  content: "\2714";
  display: block;
  position: absolute;
  margin: auto;
  bottom: 15%; 
  left: 80%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background:  #6766CC;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  z-index: 10;
  opacity: 0;
  transition:         0.3s linear;
  -o-transition:      0.3s linear;
  -ms-transition:     0.3s linear;
  -moz-transition:    0.3s linear;
  -webkit-transition: 0.3s linear;
  -o-user-select:      none;
  -moz-user-select:    none;
  -webkit-user-select: none;
  cursor: pointer;
}
.thumbnail.selected-lg-mobile:before {
  opacity: 1;
}
.thumbnail.selected-lg:before {
  opacity: 1;
}
.thumbnail {
    margin-bottom: 10px;
}
.theme-content {
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

/********第二版封面样式 结束********/

/************ 综合保障文档表格样式 开始 ************/
/*被保人区域式样*/
.vCompositeAllBenefitV2-insure {
    padding-bottom: 2%;
}
.theme_tbl_light thead tr {
    background: #5a5a5a;
}

    .theme_tbl_light thead tr th {
        color: #fff;
        border-bottom: 0;
        border-right: 1px solid #dcdcdc;
    }

        .theme_tbl_light thead tr th.lastCol {
            border-right: 0;
        }

.theme_tbl_light tbody td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

    .theme_tbl_light tbody td.lastCol {
        border-right: 0;
    }

.theme_tbl_light > tbody > tr > td, .theme_tbl_light > tbody > tr > th, .theme_tbl_light > tfoot > tr > td, .theme_tbl_light > tfoot > tr > th, .theme_tbl_light > thead > tr > td, .theme_tbl_light > thead > tr > th {
    border-top: 0;
}
.theme_tbl_striped thead tr {
    background: #eeeeee;
}
    .theme_tbl_striped thead tr th {
        color: #999999;
        border-bottom: 0;
        border-right: 1px solid #dcdcdc;
    }
        .theme_tbl_striped thead tr th.lastCol {
            border-right: 0;
        }

.theme_tbl_striped tbody td {
    border-right: 1px solid #dcdcdc;
}
    .theme_tbl_striped tbody td.lastCol {
        border-right: 0;
    }

.theme_tbl_striped > tbody > tr > td, .theme_tbl_striped > tbody > tr > th, .theme_tbl_striped > tfoot > tr > td, .theme_tbl_striped > tfoot > tr > th, .theme_tbl_striped > thead > tr > td, .theme_tbl_striped > thead > tr > th {
    border-top: 0;
}

.theme_tbl_striped > tbody > tr:nth-of-type(even) {
    background-color: #eeeeee;
}



.theme_tbl_beneModal > tbody > tr > td, .theme_tbl_beneModal > tbody > tr > th, .theme_tbl_beneModal > tfoot > tr > td, .theme_tbl_beneModal > tfoot > tr > th, .theme_tbl_beneModal > thead > tr > td, .theme_tbl_beneModal > thead > tr > th {
    border-top: 0;
}
 .theme_tbl_beneModal tbody td.firstCol {
        width:5%;
    }
 .theme_tbl_beneModal tbody td.secondCol {
        width:25%;
    }
 .theme_tbl_beneModal tbody td.thirdCol {
        width:70%;
    }
.theme_tbl_beneModal > tbody > tr:nth-of-type(even) {
    background-color: #eeeeee;
}

.theme_tbl_beneSel > tbody > tr > td, .theme_tbl_beneSel > tbody > tr > th, .theme_tbl_beneSel > tfoot > tr > td, .theme_tbl_beneSel > tfoot > tr > th, .theme_tbl_beneSel > thead > tr > td, .theme_tbl_beneSel > thead > tr > th {
    border-top: 0;
}
.theme_tbl_beneSel tbody td.firstCol {
        width:5%;
        vertical-align:middle;
    }
 .theme_tbl_beneSel tbody td.secondCol {
        width:25%;
        vertical-align:middle;
    }
 .theme_tbl_beneSel tbody td.thirdCol {
        width:70%;
    }
/************ 综合保障表格 主题样式 结束 ************/


/*!
 * 动态方案固定内容式样 v2.0.0 
 * Copyright 2015-2017 songling, Inc.
 * 内容式样
 */

.glyphicon-menu-up {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease; /* Firefox 4 */
    -webkit-transition: all 0.4s ease; /* Safari 和 Chrome */
    -o-transition: all 0.4s ease; /* Opera */
}

.collapsed .glyphicon-menu-up {
    transform: rotate(-180deg);
    -ms-transform:rotate(-180deg);	/* IE 9 */
    -moz-transform:rotate(-180deg); 	/* Firefox */
    -webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
    -o-transform:rotate(-180deg);
}

#viewerlist .panel-heading input {
    width: 25px;
    height: 25px;
}
#viewerlist .panel {
            box-shadow:none;
            -webkit-box-shadow:none;
        }
/*警告文本颜色*/
.lbl_warm {
    color: #E50012;
}

/*说明文本颜色*/
.lbl_info {
    color: #666666;
}

/*文本标题颜色*/
.lbl_title {
    color: #1e1e1e;
}

/*文本正文颜色*/
.lbl_txt {
    color: #666666;
}

/*文本金钱符号*/
.lbl_symbol {
    color: #F29218;
}
/*文本标题字体大小*/
.fnt_title {
    font-family: 华文细黑;
}
/*Viewer模块大标题*/
.fnt_title_lg {
    font-family: 华文细黑;
}
/*文本正文字体大小*/
.fnt_txt {
    font-family: 华文细黑;
}

/*提示文字字体大小*/
.fnt_info {
    font-family: 华文细黑;
}

/*重点提示文字字体大小*/
.fnt_weight {
    font-family: 华文细黑;
}

@media screen and (max-width:768px) {
    .fnt_title {
        font-size: 12px;
    }

    .fnt_txt {
        font-size: 12px;
    }

    .fnt_decimal {
        font-size: 10px;
    }

    .fnt_symbol {
        font-size: 8px;
    }

    .fnt_weight {
        font-size: 16px;
    }

    .fnt_info {
        font-size: 9px;
    }

    .VDesignPremium_title {
        width: 120px;
    }

    .VInsureBenefitXH_title {
        width: 140px;
    }

    .VInsureBenefit_title {
        width: 72px;
    }

    .VProductParaDiff_title {
        width: 72px;
    }

    .VCompositeBenefitAll_title {
        width: 80px;
    }

    .VCompositeBenefitAge_title {
        width: 160px;
    }

    .VBftFulTbl_title {
        width: 72px;
    }

    .VBftFulTblXH_title {
        width: 72px;
    }

    .mo-checkbox {
        width: 14px;
        height: 14px;
    }

    .attachthumbnail {
        width: 100%;
        height: 64px;
    }

    .highchart-width {
        min-width: 90%;
    }
}

@media screen and (min-width:768px) {
    .fnt_title {
        font-size: 16px;
    }

    .fnt_txt {
        font-size: 16px;
    }

    .fnt_decimal {
        font-size: 12px;
    }

    .fnt_symbol {
        font-size: 12px;
    }

    .fnt_weight {
        font-size: 22px;
    }

    .fnt_info {
        font-size: 12px;
    }

    .VDesignPremium_title {
        width: 130px;
    }

    .VInsureBenefitXH_title {
        width: 170px;
    }

    .VInsureBenefit_title {
        width: 80px;
    }

    .VProductParaDiff_title {
        width: 80px;
    }

    .VCompositeBenefitAll_title {
        width: 80px;
    }

    .VCompositeBenefitAge_title {
        width: 170px;
    }

    .VBftFulTbl_title {
        width: 90px;
    }

    .VBftFulTblXH_title {
        width: 90px;
    }

    .mo-checkbox {
        width: 18px;
        height: 18px;
    }

    .attachthumbnail {
        width: 100%;
        height: 150px;
    }
}

@media screen and (min-width:992px) {
    .fnt_title {
        font-size: 18px;
    }

    .fnt_title_lg {
        font-size: 20px;
    }

    .fnt_txt {
        font-size: 18px;
    }

    .fnt_decimal {
        font-size: 14px;
    }

    .fnt_symbol {
        font-size: 12px;
    }

    .fnt_weight {
        font-size: 25px;
    }

    .fnt_info {
        font-size: 14px;
    }

    .VDesignPremium_title {
        width: 160px;
    }

    .VInsureBenefitXH_title {
        width: 210px;
    }

    .VInsureBenefit_title {
        width: 102px;
    }

    .VProductParaDiff_title {
        width: 102px;
    }

    .VCompositeBenefitAll_title {
        width: 110px;
    }

    .VCompositeBenefitAge_title {
        width: 240px;
    }

    .VBftFulTbl_title {
        width: 102px;
    }

    .VBftFulTblXH_title {
        width: 102px;
    }

    .mo-checkbox {
        width: 20px;
        height: 20px;
    }

    .attachthumbnail {
        width: 100%;
        height: 200px;
    }

    .highchart-width {
        min-width: 45%;
    }
}

/*表头文字颜色以粗细*/
.sl_v_tbl_th {
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

/*-------------------------险种设计保费---------------------*/
/*标题目录*/
/*.VDesignPremium_title {
    width: 100px;
}*/
/*表格位置布局*/
.VDesignPremium_div {
    margin-top: 10px;
}
/*表格尾行内容显示位置*/
.VDesignPremium_table_ft {
    text-align: right;
    padding-right: 3%;
}

/*-------------------------投保利益(新华用)---------------------*/
/*标题目录*/
/*保险利益布局*/
.VInsureBenefitXH_div {
    margin-top: 4px;
    margin-bottom: 4px;
}
/*保险利益子项布局*/
.VInsureBenefitXH_div_item {
    margin-top: 5px;
}
/*保险利益子项内容布局*/
.VInsureBenefitXH_div_item_txt {
    margin-left: 16px;
    margin-right: 18px;
}
/*-------------------------投保利益---------------------*/
/*标题目录*/
/*保险利益布局*/
.VInsureBenefit_div {
    margin-top: 4px;
    margin-bottom: 4px;
}
/*保险利益子项布局*/
.VInsureBenefit_div_item {
    margin-top: 5px;
    margin-left: 23px;
}
/*保险利益子项内容布局*/
.VInsureBenefit_div_item_txt {
    margin-left: 20px;
}

/*综合保障利益块内容标题颜色*/
.vCompositeBenefitAll_benefitItem_head {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
}
/*综合保障利益块内容布局式样*/
.vCompositeBenefitAll_benefitItem {
    padding-top: 20px;
    padding-bottom: 20px;
}
/*综合保障利益块背景色*/
.vCompositeBenefitAll_benefitItem_bg1 {
    background: #0096DF;
}
/*综合保障利益块背景色*/
.vCompositeBenefitAll_benefitItem_bg2 {
    background: #54C2F0;
}
/*-------------------------利益全表---------------------*/
/*标题目录*/

/*-------------------viewer 弹出框---------------------*/
/*弹出框背景*/
.mo-dialog-bg {
    background: #EEEEEE;
}

/*弹出框里面元素通用色*/
.mo-com-clr {
    background: #ffffff;
}

/*弹出框里面元素通用无border*/
.mo-com-bloder {
    border: none;
}
/*弹出框头部背景色*/
.mo-head {
    background: #DCDCDC;
}
/*子标题样式*/
.mo-item-title {
    font-family: 微软雅黑;
    margin-bottom: 5px;
}
/*头部标题样式*/
.mo-v-title {
    text-align: center;
}
/*行左边部分样式*/
.mo-row-left {
    background-color: #fff;
    border-right: none;
}
/*行右边部分样式*/
.mo-row-right {
    text-align: right;
    border-left: none;
}
/*checkbox样式*/
.mo-checkbox {
    cursor: pointer;
    top: -2px;
    left: 14px;
    background: -moz-linear-gradient(top, #222222 0%, #45484d 100%);
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
/*bt取消样式*/
.mo-bt-cancle {
    float: left;
    background: none;
    border: none;
}
/*bt确定样式*/
.mo-bt-save {
    float: right;
}

/*主题选择框样式*/
.vCoverSubject-blue {
    border: 5px solid #3399ff;
    background-color: white;
    cursor: pointer;
}

.vCoverSubject-gray {
    background-color: white;
    border: 5px solid #ddd;
    cursor: pointer;
}

#viewerlist .panel-heading {
    /*background: none;
    border-bottom: none;*/
}

    #viewerlist .panel-heading input {
        width: 30px;
        height: 30px;
        color: blue;
    }

#viewerlist .panel-body {
    text-align: center;
    background: none;
    border-bottom: none;
}


#viewerlist .panel-footer {
    opacity: 0.3;
    color: #000;
}
/*---------------------------------我的名片---------------------------------------*/
/*名片头像区域式样*/
.VBusinessCard_head_pic {
    padding: 30px 5px;
}
/*名片内容区域背景色*/
.VBusinessCard_body_bg {
    background-color: #eeeeee;
}
/*---------------------------------参数对比---------------------------------------*/
.vProductParaDiff_firstcol {
    width: 16%;
}

/*---------------------------------综合保障利益---------------------------------------*/
.vCompositeBenefitAll_firstcol {
    width: 16%;
}

.vCompositeBenefitAll_secondcol {
    width: 20%;
}

.vCompositeBenefitAll_thirdcol {
    width: 64%;
}

.vCompositeBenefitAge_firstcol {
    width: 16%;
}

.vCompositeBenefitAge_secondcol {
    width: 20%;
}

.vCompositeBenefitAll_thirdcol {
    width: 64%;
}

/*综合保障利益子项内容布局*/
.VCompositeBenefit_div_item_txt {
    margin-left: 16px;
    margin-right: 18px;
}
/*---------------------------------封面主题---------------------------------------
        /*整个封面式样*/
/*.vCoverSubject-container {
            padding-top: 25%;
            padding-bottom: 15%;
        }*/
/*方案描述部分式样*/
/*.vCoverSubject-description {
            padding-top: 10%;
        }*/
/*名片部分式样*/
/*.vCoverSubject-card {
            padding-top: 10%;
        }*/
/*名片部分式样*/
/*.vCoverSubject-cardView {
            border: 1px solid black;
        }*/

/*名片部分式样*/
/*.vCoverSubject-product {
            padding-top: 5%;
        }*/
/*方案描述首行缩近*/
/*.vCoverSubject-head {
            text-indent: 2em;
        }*/
/*封面字体大小*/
/*.vCoverSubject-coverFont {
            font-size: 25px;
        }*/
/*模态框行样式*/
.vCoverSubject-ModelRowDe {
    padding: 8px 8px 8px 8px;
}
/*模态框分隔线样式*/
/*.vCoverSubject-ModelHr {
            height: 1px;
            border: none;
            border-top: 1px dashed gray;
        }*/

/*---------------------------------投保利益---------------------------------------*/
/*利益项目内容字体式样*/
/*.vInsureBenefitXH-content {
            font-size: 20px;
        }*/
/*---------------------------------品牌介绍---------------------------------------*/
/*标题列式样*/
/*.vBrandIntroduce-title {
            width: 20%;
            text-align: right;
            color: gray;
        }*/
/*内容列式样*/
/*.vBrandIntroduce-content {
            width: 80%;
        }*/
/*内容列式样*/
/*.vBrandIntroduce-table tbody tr td {
            border-top: 0px solid #ddd;
        }*/
/*---------------------------------年度保费支出占比---------------------------------------*/
/*列表项式样*/
/*.vPremiumExpend-listItem {
            padding-left: 100px;
        }*/
/*表格边框底线*/
/*#vPremiumExpend-TableName, #vPremiumExpend-TableType, #vPremiumExpend-TablePaymentPeriod, #vPremiumExpend-TableCoveragePeriod, #vPremiumExpend-TableProperty {
            border-bottom: 1px solid #ddd;
        }*/
/*---------------------------------产品参数对比---------------------------------------*/
/*竖向表头式样*/
/*.vProductParaDiff-verticalHead {
            text-align: right;
            width: 15%;
            background-color: #f5f5f5;
        }*/
/*表格内段落式样*/
/*.vProductParaDiff-paraMargin {
            margin-bottom: 0px;
        }*/
/*Viewer目录式样*/
/*#viewer_nav {
         position:fixed;
        }*/

/*--------------------------------综合利益Simple（按年区分）-------------------------------------------------------*/
.btnYear {
    float: left;
    height: 120px;
    width: 60px;
    background: url();
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btnYear-Focus {
    float: left;
    background: url();
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.pYear {
    padding-top: 55px;
    color: #666666;
    font-weight: normal;
    font-size: 12px;
    padding-left: 3px;
    font-family: "Microsoft YaHei";
}

.pYear-Focus {
    color: #fff;
    padding-top: 34px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.overflowBig {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 100px;
    margin-bottom: -100px;
}

.overflowSmall {
    width: 100%;
    overflow: hidden;
}

.logoDiseaseEnsure {
    background-color: #84BAE2;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoSDiseaseEnsure {
    background-color: #FDD900;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoCancerEnsure {
    background-color: #009EA9;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoAccidentsEnsure {
    background-color: #ED6D00;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoTrsptAccidentsEnsure {
    background-color: #15A93B;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoReceiv {
    background-color: #C125A3;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoRlAccidentsEnsure {
    background-color: #A9CE05;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoWtrAccidentsEnsure {
    background-color: #9E9E9F;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoArAccidentsEnsure {
    background-color: #541B86;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoOutoAccidentsEnsure {
    background-color: #C18EB6;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoCumulationPremium {
    background-color: #E6012C;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

.logoCumulationReceiv {
    background-color: #005AA0;
    text-align: center;
    border-radius: 90px;
    background-image: url();
    background-size: cover;
}

/*--------------------------------名片理念Simple-------------------------------------------------------*/
.triangle_border_up span {
    display: block;
    width: 0;
    height: 0;
    border-width: 0 28px 28px;
    border-style: solid;
    border-color: transparent transparent #F2B52B; /*透明 透明  黄*/
    position: absolute;
}

.authentication {
    background-image: url();
    background-size: cover;
}

.carousel-caption {
    background: #000000;
    opacity: 0.65;
    padding: 0;
    padding-bottom: 35px;
    margin-left: 0;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: initial;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-indicators {
    bottom: 0;
}

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
        border-radius: 10px;
    }

.opacity {
    opacity: 0.5;
    transition: opacity 1s;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari 和 Chrome */
    -o-transition: opacity 1s; /* Opera */
}

.OrderNo {
    float: right;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: -35px;
}

.vCoverSubjectXH-agent {
    padding-left: 2%;
    padding-top: 3%;
    padding-bottom: 3%;
    float: left;
    left: 9%;
    margin: 8px auto;
    min-height: 150px;
    padding: 25px 25px 10px 25px;
    position: relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
}

    .vCoverSubjectXH-agent:before {
        content: '';
        width: 25px;
        height: 20px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .vCoverSubjectXH-agent:after {
        content: '';
        z-index: -1;
        width: 100px;
        height: 100px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.2);
        display: inline-block;
        -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
        -webkit-transform: rotate(0deg) translate(-45px,-20px) skew(20deg);
    }

.bar_bg {
    height: 17px;
    width: 90%;
    border-radius: 7px;
    background: #e8e8e8;
    position: relative;
    margin-left: 10px;
    margin-top: 40px;
}

.bar_click {
    height: 35px;
    width: 37px;
    border-radius: 10px;
    background: #F8A918;
    margin-left: -25px;
    position: absolute;
    top: -10px;
    left: 0px;
    cursor: pointer;
    border: 5px solid #5c9dff;
}

.bar_percent {
    height: 17px;
    border-radius: 7px;
    background: #F8A918;
    width: 0;
}

.bar_input {
    font-size: 18px;
    color: #FF7272;
}

.inputReadonly {
    border: none;
    background-color: #ededed;
}

.inputAreaReadonly {
    border: none;
    background-color: #ededed;
    box-shadow: none;
    resize: none;
}

.VAttachment-Msg {
    font-size: 12px;
}

.highchartHeight {
    transition: height 2s;
}
/*.highcharts-legend-item >rect {
    stroke-width:2;
    stroke:#BBB;
}

.test_div {
  border:2px solid #dcdcdc;
    box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
}*/


.exlpainitem { border-radius:5px; }
.float-right {
    float: right;
}
.popover-foot {
  text-align: center;
  padding: 8px 14px;
  margin: 0;
  font-size: 12px;
  background-color: #f7f7f7;
  border-top: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover {
    /*max-width: 100%;*/
    min-width: 320px;
    max-width: 580px;
    border: 1px solid #A8D9ED;
}
.popover.bottom>.arrow {
    border-bottom-color:  #A8D9ED;
}
.popover.top>.arrow {
    border-top-color:  #A8D9ED;
}
.popover-title {
        background-color: #A8D9ED;
}
.popover-content {
    padding: 9px 4px;
}
.explain-mask{
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.overflow-hidden {
    overflow: hidden;
}

.embed-responsive-4by3 {  
    -webkit-overflow-scrolling: touch;  
    overflow: scroll;  
    height:70%;
}

